<div class="home">
  <div class="home-header">
    <app-head></app-head>

    <!--    <div class="title-search">-->
    <!--      <div class="search-box">-->
    <!--        <input-->
    <!--          placeholder="请输入搜索内容"-->
    <!--          nz-input-->
    <!--          [(ngModel)]="selectedValue"-->
    <!--          (ngModelChange)="search($event)"-->
    <!--          [nzAutocomplete]="auto"-->
    <!--          (click)="clickInput()"-->
    <!--        />-->
    <!--        <nz-autocomplete nzBackfill #auto>-->
    <!--          <nz-auto-option *ngFor="let o of listOfOption" [nzValue]="o.value">{{ o.text }}</nz-auto-option>-->
    <!--        </nz-autocomplete>-->

    <!--        <button nz-button nzSize="large" routerLink="/search-result" [queryParams]="{key: selectedValue}" nzSearch-->
    <!--                [disabled]="!selectedValue"-->
    <!--                style="background-color: #034ea2">搜索-->
    <!--        </button>-->

    <!--      </div>-->
    <!--    </div>-->
    <div class="top-tab">
      <div class="top-tab2">
        <div class="tab" [ngClass]="tab.active?'tab-active':''" *ngFor="let tab of tabList;index as i"
           routerLink="{{tab.router}}">{{tab.name}}</div>
      </div>
    </div>
  </div>
  <div class="home-wrap">

    <div class="matrix2">
        <img src="../../../assets/image/home/magic-cube/magic2.jpg" style="width:90%;display:block;margin:0 auto;">
    </div>

    <div class="area-content-analysis">
      <app-area-content-analysis [titleName]="name"></app-area-content-analysis>
    </div>

  </div>

</div>
<div class="h-foot">
  <div class="text">
    <div class="address">上海推进科技创新中心建设办公室 版权所有</div>
    <div class="address2">地址：上海市浦东新区张东路1158号3号楼 &nbsp;&nbsp;&nbsp;&nbsp; 联系电话 : 021-68796635</div>
    <div class="phone">技术支持 : 中国科学院文献情报中心</div>
    <!--<div class="phone"><a style="color: white" href="http://beian.miit.gov.cn/">晋ICP备2020010584号-1</a></div>-->
    <a class="nav" href="/admin/" target="_blank">后台入口</a>
  </div>
</div>
